<template>
  <view class="BankCard">
    <view class="Title">银行卡</view>
    <view class="account pos_r">
      <template v-if="0">
        <view class="card">
          <image
            src="../../static/images/pulice/gongshang.png"
            mode="scaleToFill"
          />
        </view>
        <view class="pos_a msg">
          <!-- 占位符 -->
          <!-- 卡 -->
          <view class="Card" v-if="0">
            <view class="Card_name flex_al_cen_ju_bet">
              <text>中国银行</text>
              <text>借记卡</text>
            </view>
            <view class="Card_num">**** **** **** **** 896</view>
          </view>
        </view>
      </template>
      <view class="card2" @click="NavTo('/pages/BankCard/addCard')">
        <view class="addCard">
          <image
            src="../../static/images/pulice/addcart.png"
            mode="scaleToFill"
          />
        </view>
        <view class="add">添加银行卡</view>
      </view>
    </view>
    <view class="desc">
      说明:必须添加本人名下银行卡，一旦用户绑定，将无法更改用户名。（只能添加一张银行卡）
    </view>
  </view>
</template>
<script setup lang="ts">
import { NavTo } from "@/utlis/uni_api";
import { ref } from "vue";
</script>
<style lang="scss" scoped>
@import "../../static/css/BankCard/BankCard.scss";
</style>
